@import "cl-uni/theme.scss";

/* 文字基本颜色 */
$uni-text-color: #333; //基本色
$uni-text-color-inverse: #fff; //反色
$uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable: #c0c0c0;

/* 背景颜色 */
$uni-bg-color: #ffffff;
$uni-bg-color-grey: #f8f8f8;
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm: 24upx;
$uni-font-size-base: 28upx;
$uni-font-size-lg: 32upx;

/* 图片尺寸 */
$uni-img-size-sm: 40upx;
$uni-img-size-base: 52upx;
$uni-img-size-lg: 80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2c405a; // 文章标题颜色
$uni-font-size-title: 40upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 36upx;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 30upx;

/* 页面左右间距 */
$spacing-lg: 30upx;
$spacing-base: 20upx;
$spacing-sm: 10upx;

$color-white: #fff;
$color-black: #000;

$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$base-color: #fa436a;

/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;

/*文字颜色*/
$font-color-dark: #303133;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;

/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E4E7ED;
$border-color-light: #EBEEF5;

/* 图片加载中颜色 */
$image-bg-color: #eee;

/* 行为相关颜色 */
$uni-color-primary:#fa436a;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;


// zx相关样式
.uni-swiper-slides{
			inset: 10px 10px !important;
}
uni-radio{
	margin-right: 7px;
}

page {
	background-color: $page-color-base;
	.tip {
		padding: 0 5px;
		font-size: 12px;
		color: red;
	}
	
	.cleanfix::after{
		clear: both;
		content: '';
		display: block;
		height: 0;
		visibility: hidden;
	}
	.uni-input {
		text-align: right;
		padding: 0 30px;
	}
	
	.detail {
		margin-top: 10px;
	
		.detail-title {
			padding: 0 5px;
			font-size: 14px;
		}
	
		.uni-list {
			margin-top: 0;
			.downloadFile{
				display: inline-block;
				margin: 10px 15px;
				border: 1px solid;
				padding: 2px;
				color: #fff;
				background-color: #8dc63f;
			}
		}
	}
	
	/*表单标题*/
	.input-t {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: $spacing-base;
		margin-top: $spacing-base;
		font-size: $font-base;
	
	}
	
	.input-quick {
		position: relative;
		padding-right: 40upx;
	
		.iconfont {
			font-size: $font-sm;
		}
	}
	
	.input-body {
		background: $color-white;
		padding: $spacing-sm $spacing-base;
	
		.gender-item {
			margin-right: 20upx;
	
			.gender-item-text {
				padding-left: 10upx;
			}
	
		}
	}
	
	.input-textare {
		height: 200upx;
		font-size: 34upx;
		line-height: 50upx;
		width: 100%;
		box-sizing: border-box;
		padding: 20upx 30upx 0;
	}
	
	.download{
		
		.downloadFile{
			display: inline-block;
			margin: 10px 15px;
			border: 1px solid;
			padding: 2px;
			color: #fff;
			background-color: #8dc63f;

		}
	}
	.submit-btn{
		margin-top: 20px;
		margin-bottom: 20px;
		width: 630upx;
		height: 76upx;
		line-height: 76upx;
		border-radius: 10px;
		font-size: $font-lg;
		&:after {
			border-radius: 10px;
		}
	}
	
	
	.confirm-btn{
		padding-bottom: 5px;
	}
	.weui-cells__title {
		margin-top: 16px;
		margin-bottom: 3px;
		padding-left: 16px;
		padding-right: 16px;
		color: rgba(0, 0, 0, .5);
		font-size: 14px
	}
	.add-item::after{
		clear: both;
		content: '';
		height: 0;
		display: block;
		visibility: hidden;
	}
	.weui-cells_after-title {
		margin-top: 0
	}
	
	.weui-cells__tips {
		margin-top: 3px;
		color: rgba(0, 0, 0, .5);
		padding-left: 16px;
		padding-right: 16px;
		font-size: 14px
	}
	
	.weui-cell {
		padding: 16px;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}
	
	.weui-cell:before {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		border-top: 1rpx solid rgba(0, 0, 0, .1);
		color: rgba(0, 0, 0, .1);
		left: 16px
	}
	
	.weui-cell:first-child:before {
		display: none
	}
	
	.weui-cell_active {
		background-color: #ececec
	}
	
	.weui-cell_primary {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start
	}
	
	.weui-cell__bd {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1
	}
	
	.weui-cell__ft {
		text-align: right;
		color: rgba(0, 0, 0, .5)
	}
	
	.weui-cell_label-block,
	.weui-cell_wxss.weui-cell_wxss:before {
		display: block
	}
	
	.weui-cell_label-block .weui-label {
		width: auto;
		word-break: normal;
		-webkit-hyphens: auto;
		hyphens: auto
	}
	
	.icon-box-title {
		color: #2F7DCD;
		font-weight: 700;
	}
	.weui-uploader__input-box {
		float: left;
		position: relative;
		margin-right: 8px;
		margin-bottom: 8px;
		width: 48px;
		height: 48px;
		box-sizing: border-box;
		background-color: #fff;
		border: 2px solid #a3a3a3;
		border-radius: 3px;
	}
	
	.weui-uploader__input-box:after,
	.weui-uploader__input-box:before {
		content: " ";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: #a3a3a3
	}
	
	.weui-uploader__input-box:before {
		width: 2px;
		height: 16px
	}
	
	.weui-uploader__input-box:after {
		width: 16px;
		height: 2px
	}
	
	.weui-uploader__input-box:active {
		border-color: #8b8b8b
	}
	
	.weui-uploader__input-box:active:after,
	.weui-uploader__input-box:active:before {
		background-color: #8b8b8b
	}
	
	.weui-uploader__input {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0
	}
}
.progress-list{
	padding-top: 44px;
}
.repair {
	

		.add-round {
			position: fixed;
			z-index: 999;
			right: 30rpx;
			bottom: 30rpx;
			border-radius: 50%;
			width: 120rpx;
			height: 120rpx;
			color: #fff;
			text-align: center;
			line-height: 120rpx;
			font-weight: 100;
			font-size: 80rpx;
		}

		.repair-list {
			margin-top: 20upx;

			.row {
				width: calc(94%);
				height: calc(22vw + 320upx);
				margin: 0 auto $spacing-base;
				border-radius: 15upx;
				box-shadow: 0upx 5upx 20upx rgba(0, 0, 0, 0.1);
				display: flex;
				align-items: center;
				position: relative;
				overflow: hidden;
				z-index: 4;
				border: 0;

				.carrier {
					@keyframes showMenu {
						0% {
							transform: translateX(0);
						}

						100% {
							transform: translateX(-30%);
						}
					}

					@keyframes closeMenu {
						0% {
							transform: translateX(-30%);
						}

						100% {
							transform: translateX(0);
						}
					}

					background-color: #fff;
					position: absolute;
					width: 100%;
					padding: 0 0;
					height: 100%;
					z-index: 3;
					display: flex;
					align-items: center;
				}
			}

			.repair-wrapper {
				background-color: $color-white;
				width: 100%;
				padding: $spacing-base $spacing-lg $spacing-base $spacing-lg;
				margin: $spacing-base 0 0;
				border-radius: 15upx;
				position: relative;

				.title {
					font-size: $font-sm;
					color: $font-color-dark;
					font-weight: 500;
					margin: 0 0 $spacing-sm;
					.id{
						font-size: $font-sm;
						width: 40%;
						display: inline-block;
						}
					.time{
						width: 60%;
						text-align: right;
						display: inline-block;
						font-size: $font-sm;
						color: $font-color-light;
						}
				}

				.content {
					font-size: $font-sm;
					color: $font-color-base;
				}

				.time {
					font-size: $font-sm;
					color: $font-color-light;
				}

			}
		}

	}
.content-title{
	margin-top: 10px;
	padding: 0 30rpx;
}
.icon-box{
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 5px;
}
.icon-box-title{
  color: #8dc63f;
  font-weight: 700;
  .image-item{
	  
	  width: 50px;
	  height: 50px;
	  .cancel-icon{
	  	  position: absolute;
	  	  top: 0;
	  	  right: 0;
	  }
  }
  
}
.uni-input {
		text-align: right;
		padding: 0 30px;
	}
	.textarea{
		margin-top: 0px;
		padding: 0 30rpx;
		.ou-textarea{
			padding-top: 3px;
		}	
	}
.ou-textarea{
	width: 100%;
}
.weui-uploader__lian {
		width: 40px;
		height: 40px;
		position: relative;
		margin-bottom: 8px;
		margin-top: 8px;
		margin-right: 8px;
		border: 1px solid #dedede;
		image{
			width: 50%;
			height: 50%;
			transform: translate(50%,50%);
		}
	}
.add-button{
  float: left;
  position: relative;
  margin-right: 3px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  background-color: #8dc63f;
  border: 2px solid #8dc63f;
  border-radius: 50%;
}
.add-inside{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.add-button:before {
  width: 2px;
  height: 13px;
}
.add-button:after {
  width: 13px;
  height: 2px;
}
.add-button:after,.add-button:before{
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #fff;
}
.delete_btn{
  color: #8dc63f;
  padding-right: 10px;
}
.form_validate{
 color: red;
 font-weight: 700;
 margin-left: 5px;
 display: inline-block;
 overflow: hidden;
 vertical-align: middle;
}
.uni-list{
	margin-top: 10px;
}
.uni-list-cell{
	height: 40px;
	line-height: 40px;
}
.searchlistBox{
	max-height: 200px;
	overflow-y: scroll;
	text-align: center;
	background-color: #fff;
	padding: 5px 0;
	.name{
		height: 28px;
		line-height: 28px;
	}
}